{% extends '../../../source/frontend/layouts/skins/v2/layout.volt' %}

{% block header %}
    <title>{{ video.videoDescription.getName() }}</title>
    <meta name="title" content="{{ video.videoDescription.getName() }}" />
    <meta name="description" content="{{ video.videoDescription.getDescription() }}" />
    <meta property="og:title" content="{{ video.videoDescription.getName() }}">
    <meta property="og:type" content="website">
    <meta property="og:description" content="{{ video.videoDescription.getDescription() }}" />
    <meta property="og:image" content="{{ url(helper.getPathImageFromImageLink(video.getMainImages() , '220_124')) }}" />
    <meta property="og:site_name" content="JAVHD.VN" />
    <meta property="og:video" content="https://secure.hulu.com/embed/1NZ3eohccy_6gkWSigziJQ"/>
    <meta property="og:url" content="http://www.hulu.com/watch/703835?playlist_id=1031"/>
    <meta property="og:video:type" content="application/x-shockwave-flash"/>
{% endblock %}

{% block mastheadSection %}
    {% if(blockMastheadFilm) %}
        {{ blockMastheadFilm }}
    {% else %}
    <div id="serp-header" class="promo-header"></div>
    {% endif %}
{% endblock %}

{% block title %}
    <div class="background-white block-info-program" ng-controller="videoController">
        <div class="container">
            <div class="row">
                <div class="info">
                    <div class="pull-left">
                    {{ image(helper.getPathImageFromImageLink(video.getMainImages() , '220_124')) }}
                    </div>
                    <div class="pull-left margin-left-15 width-700">
                        <div class="movie-share margin-bottom-10">
                            <div class="pull-left ">
                                <a ng-click="focusCommentFacebook()">
                                    <i class="fa fa-comments fa-2x"></i>
                                    <span>Bình luận</span>
                                </a>
                            </div>
                            <div class="pull-left margin-right-30">
                                <div class="fb-like" data-href="{{ url(video.getLinkTo()) }}" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
                            </div>
                            <div class="pull-left">
                                <div class="g-plusone" data-size="medium" ></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>

                        <h1 class="largexl font-mont" id="watch-title">
                            <span itemprop="name" class="bold title">{{ video.videoDescription.getName()}}</span>
                        </h1>
                        <div class="margin-top-5">
                            <span id="relYear">{{video.videoDescription.getYearPublish()}}</span>
                            <span id="viewCount" class="">
                                <span class="sep-pipe">|</span>
                                <span class="view-count"></span>
                                <span>{{ video.getTotalView() }} lượt xem</span>
                            </span>
                        </div>
                        <div class="margin-bottom-10">
                            <span class="bold">Thể loại : </span>
                            <span>
                                {% if(video.videoCategoryLink) %}
                                    {% for videoCategoryLink in video.videoCategoryLink %}
                                        {{ videoCategoryLink.category.getName() ~ ' , ' }}
                                    {% endfor %}
                                {% endif %}
                            </span>
                        </div>
                        <div class="margin-bottom-10">
                        {{ video.videoDescription.getDescription() }}
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    {% if(blockVideoGroup) %}
        {{ blockVideoGroup }}
    {% endif %}

    {% if(blockVideoGroupYouLikes) %}
        {{ blockVideoGroupYouLikes }}
    {% endif %}
    
{% endblock %}

{% block videoComments %}
    <div id="fb-comments" class="video-comments">
        <div class="mask">
            <div class="container">
                <div class="row">
                    <div class="page-header">
                        <h3 class="text-left">Bình luận</h3>
                    </div>
                    <div class="fb-comments" data-href="http:/{{url(video.getLinkTo())}}" data-numposts="10" data-colorscheme="light" data-width="100%"></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
